@charset "utf-8";
/* CSS Document */


html, body {
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;
	width: 100%;
	height: 100%;
	/*font-family:	Verdana, Genova, Arial, sans-serif;	 Definindo o conjunto de fontes padróes */
	font: 16px/26px Helvetica, Helvetica Neue, Arial;
	font-size:		small;	/* Definindo o tamanho da fonte no corpo que será herdada pelos demais elementos */
	
	line-height:	1.5em; /* Aqui estamos alterando o tamanho o espaço entre cada linha para 1.5em, em outras palavras, 1.5 vezes o tamanho da fonte */
}

/*
:invalid { 
  border-color: #e88;
  -webkit-box-shadow: 0 0 5px rgba(255, 0, 0, .8);
  -moz-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
  -o-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
  -ms-box-shadow: 0 0 5px rbba(255, 0, 0, .8);
  box-shadow:0 0 5px rgba(255, 0, 0, .8);
}

:required {
  border-color: #88a;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
  -o-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
  -ms-box-shadow: 0 0 5px rgba(0, 0, 255, .5);
  box-shadow: 0 0 5px rgba(0, 0, 255, .5);
}
*/

#form-container{
	height: 100%;	
}

/* CABECALHO */
.cabecalho-container {
    border-bottom: 20px solid #039185; /* Borda Verde Escuro */
}

.footer-container,
.cabecalho-container{
    background: #03B0A2; /* Verde Claro */
}

/* RODAPE */
.footer-container footer {
	color: white;
    padding: 20px 0;
}

.footer-container{
    border-top: 20px solid #039185;
	position: absolute;
	bottom: 0;
	width: 100%;
}

.wrapper {
    width: 90%;
    margin: 0 5%;
}

.titulo {
    color: white;
}

/* ============
    WIDE: Menu
   ============ */
.titulo {
	float: left;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* FIM DO CABECALHO */

#form-container {
	padding-top: 10px;
	padding-bottom: 10px;
}

.cabecalho-container {
	-webkit-box-shadow: 0 5px 10px #aaa;
	   -moz-box-shadow: 0 5px 10px #aaa;
			box-shadow: 0 5px 10px #aaa;
}

input[type=submit] {
	font-size:20px;
	color: #FFF;
	background: #039185; /* Botão Verde Escuro */
	padding:10px;
}

#descricao{
	resize: none;
}

form {
  width:500px;
  margin: 20px auto;
}

textarea, select, input[type=text],
input[type=date], input[type=color] {
  font-family: "Helvetica Neue", Helvetica, Arial, 						sans-serif;
  border:1px solid #ccc;
  font-size:20px;
  width:95%;
  min-height:30px;
  display:block;
  margin-bottom:15px;
  margin-top:5px;
  outline: none;

  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  border-radius:5px;
}

select, input[type=date] {
	width: 200px;	
}

input[type=color]{
	width: 60px;
}

input[type=submit] {
  background: 039185;
  padding:10px;
  border-style: none;
  border-radius: 5px;
}